<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>代码</title>
    <script type="text/javascript" src="./../../../static/js/include/_include-css.js"></script>
</head>

<body class="bg-gray">
    <div class="wrapper">
        <div class="wrapper-container">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel">
                        <div class="panel-heading">
                            代码
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <h5>内联代码</h5>
                                    <p>通过<code>&lt;code&gt;</code>标签包裹内联样式的代码片段。</p>
                                    <p>示例：<code>&lt;div&gt;</code> <code>&lt;li&gt;</code> <code>&lt;section&gt;</code></p>
                                    <hr>
                                    <h5>用户输入</h5>
                                    <p>通过<code>&lt;kbd&gt;</code>标签标记用户通过键盘输入的内容。</p>
                                    <p>示例：跳转目录请输入<kbd>cd</kbd>命令进行跳转操作。执行编译命令请使用<kbd>ctrl + B</kbd>快捷键。</p>
                                    <hr>
                                    <h5>代码块</h5>
                                    <p>多行代码可以使用<code>&lt;pre&gt;</code>标签。为了正确的展示代码，注意将尖括号做转义处理。</p>
                                    <p>
                                        <pre>var i = 0;<br>i ++;</pre>
                                    </p>
                                    <hr>
                                    <h5>变量</h5>
                                    <p>通过<code>&lt;var&gt;</code>标签标记变量。</p>
                                    <p>
                                        <var>y</var> = <var>m</var><var>x</var> + <var>b</var>
                                    </p>
                                    <hr>
                                    <h5>程序输出</h5>
                                    <p>通过<code>&lt;samp&gt;</code>标签来标记程序输出的内容。</p>
                                    <p>
                                        <samp>这是一条输出内容...</samp>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./../../../static/js/include/_include-js.js"></script>
</body>

</html>